// body {
//     background-image: linear-gradient(to bottom,#f19c14,#ec7f00);
// }
// 头部部分
header {
    background-image: linear-gradient(to right,#ff334d,#ffb434);
    // background-image: url(../../../images/wsj_title_two.png);
    background-size: 100% 100%;
    height: .45rem;
    display: flex;
    justify-content: space-between;
    padding: 0 .1rem;
    line-height: .45rem;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9;
    // align-content: center;
    .header_text {
        font-weight: 900;
        color: white;
        font-size: .16rem;
    }
    a:nth-of-type(2){
        display: block;
        width: .35rem;
        height: .35rem;
        margin: auto 0;
        img {
            

        }
    }
    a:nth-of-type(1){
        font-weight:900;
        color: white;
        font-size: .18rem;
    }
}

// 内容部分
.content_one {
    margin-top: .55rem;
    padding: 0 .08rem;
    >p:nth-of-type(1){
        font-size: .16rem;
        margin-top: .12rem;
    }
    >p:nth-of-type(2){
        font-size: .12rem;
        color: black;
        margin-top: .12rem;
    }
    // p:nth-of-type(3){
    //     font-size: .14rem;
    //     img {
    //         width: 1rem;
    //         height: 1rem;
    //     }
    // }
    span {
        // display: flex;
        // float: left;
        >p {
            margin-top: .12rem;
            //  float: left;
            // display: inline-block;
             font-size: .14rem;
            //  width: 60%;
             font-weight: 100;
        }
        >img {
            float: right;
            display: inline-block;
            width: 40%;
            margin-top: .12rem;
            // height: 1rem;
        }
    }
    p:nth-of-type(3){
        margin-top: .05rem;
        font-size: .14rem;
        
    }
    >img {
        width: 100%;
        height: 100%;
    }
}


// 地区
.area{

margin-top: .2rem;
#disstorck {
    
    width: 1rem;
    border: .01rem solid #ccc;
    padding: 0 .1rem;
    margin: auto;
    li {
        height: .2rem;
        border-bottom: .01rem dashed #ccc;
    
        font-size: .12rem;
        padding: 0 .05rem;
    span {
        display: flex;
        justify-content: space-between;
        color: black;
    strong {
        color: orange;
    }
    }
    }
}
}
// 前往购买
.purchase {
    
    margin: .2rem .2rem 0 .2rem;
    background-image: linear-gradient(to right,orange,red);
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    color: white;
    font-size: .14rem;
    border-radius: .05rem;
}

//二维码
.QR_code {
    margin-top: .36rem;
    padding: 0 .1rem;
}

// 固定app下载
.app_del {
    position: fixed;
        bottom: .8rem;
        right: .3rem;
    img {
        width: .6rem;
        height: .7rem;
        
        z-index: 99;
    }
}

// 评论专区
.comment {
    padding: 0 .1rem;
    font-size: 12px;
    margin-top: .22rem;
    .tit {
        font-size: .14rem;
        font-weight: 400;
    }
    .reply {
        .form {
            textarea {
        margin-top: .13rem;
        height: .7rem;
        width: 100%;
        // background-image: url(../../../images/wsj_content.png);
        // background-size: 100% 100%;
        color: #19ff00;
        font-weight: 900;
    }
    .ctrl {
        >input{
             height: .33rem;
             width: .85rem;
             background-color: orange;
             color: white;
        }
    
    }
        }
    }
    #newcomment {
        text-align: right;
        margin-top: .13rem;
        color: #ce1c54;
        font-weight: 800;
    }
    .list {
        ul {
            li {
                display: flex;
                // float: left;
                 margin-top: .2rem;
                .userimg {
                   
                    img {
                        width: .4rem;
                        height: .4rem;
                        border-radius: 50%;
                    }
                }
                .con{
                    width: 100%;
                    margin-left: .06rem;
                    >.name {
                    >.username{
                        float: left;
                        color: yellow;

                    }
                    >.time {
                        float: right;
                        color: #666;
                        font-size: .10rem;
                    }
                    
                }
                >.content {
                        margin-top: .05rem;
                        font-size: .14rem;
                        color: #666;
                        img {
                            display: inline;
                            width: .2rem;
                            height: .2rem;
                        }
                    }
                }
                
            }
        }
    }
    
}

// 底部部分
footer {
    // padding-bottom: 30px;
    margin-top: .25rem;
    // 登录部分
    .guild {
        height: .35rem;
        // background-image: linear-gradient(to right,#f19c14,#ec7f00);
        background-color: #f09b13;
        display: flex;
        // justify-content: center;
        // align-items: center;
        // align-content: center;
        line-height: .35rem;
        text-align: center;
        border: .01rem solid #ccc;
        a:nth-of-type(1){
            color: black;
            font-size: .14rem;
            font-weight: 100;
            flex: 1;
            border-right: .01rem solid #ccc;
        }
        a:nth-of-type(2){
            color: black;
            font-size: .14rem;
            font-weight: 100;
            flex: 1;
            
        }
        a:nth-of-type(3){
            color: black;
            font-size: .14rem;
            font-weight: 100;
            flex: 1;
            border-left: .01rem solid #ccc;
        }

    }
    // 版权部分
    .copyright {
        // display: block;
        // display: inline;
        // float: left;
        // background-image: url(../../../images/wsj_footer_one.png);
        // background-size: 100% 100%;
        display: flex;
        align-content: center;
        justify-content: center;
        flex-wrap: wrap;
        padding: .08rem .4rem;
        // margin-top: .15rem;
        font-size: .12rem;
        // height: .45rem;
        a:nth-of-type(1){
            color: yellow;
            // font-size: .12rem;
            // height: 100%;
        }
        a:nth-of-type(2){
            color: black;
            // font-size: .12rem;
            padding-left: 5px;
            // height: 100%;
        }
        a:nth-of-type(3){
            color: black;
            // font-size: .12rem;
            padding-left: .05rem;
            // height: 100%;
        }
        a:nth-of-type(4){
            color: black;
            // font-size: .12rem; 
        }
    }
}